import React, { Component } from 'react'
import css from './components/css/person.module.css'
import Nav from '../../components/Rednav'
// import img from '../../components/img/'
// import {HashRouter as Router,Route } from 'react-router-dom'
export default class user extends Component {
    render() {
        const str = '<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" style="display:block;height:24px;width:24px;fill:currentColor" aria-hidden="true" role="presentation" focusable="false"><path d="M16 .798l.555.37C20.398 3.73 24.208 5 28 5h1v12.5C29 25.574 23.21 31 16 31S3 25.574 3 17.5V5h1c3.792 0 7.602-1.27 11.445-3.832L16 .798zm0 2.394l-.337.213C12.245 5.52 8.805 6.706 5.352 6.952L5 6.972V17.5c0 6.831 4.716 11.357 10.713 11.497L16 29c6.133 0 11-4.56 11-11.5V6.972l-.352-.02c-3.453-.246-6.893-1.432-10.311-3.547L16 3.192zm7 7.394L24.414 12 13.5 22.914 7.586 17 9 15.586l4.5 4.499 9.5-9.5z"></path></svg>'
        const str1 = '<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" style="display:block;height:16px;width:16px;fill:currentColor" aria-hidden="true" role="presentation" focusable="false"><path d="M13.102 2.537L15.365 4.8l-9.443 9.443L.057 8.378 2.32 6.115l3.602 3.602z"></path></svg>'
        const str2 = '<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" style="display:block;height:16px;width:16px;fill:currentColor" aria-hidden="true" role="presentation" focusable="false"><path d="M15.094 1.579l-4.124 8.885-9.86 1.27a1 1 0 0 0-.542 1.736l7.293 6.565-1.965 9.852a1 1 0 0 0 1.483 1.061L16 25.951l8.625 4.997a1 1 0 0 0 1.482-1.06l-1.965-9.853 7.293-6.565a1 1 0 0 0-.541-1.735l-9.86-1.271-4.127-8.885a1 1 0 0 0-1.814 0z" fill-rule="evenodd"></path></svg>'
        return (
            <div>
                <Nav></Nav>
                <div className={css.usercontent}>
                    <div className={css.userleft}>
                        <div className={css.userimg}>
                            <img className={css.leftcontent1} src="../../components/img/head2.png" alt="" />
                            <a className={css.leftcontent2}>更新照片</a>
                        </div>
                        <div className={css.yanzhengPVG} dangerouslySetInnerHTML={{ __html: str }}>

                        </div>
                        <div className={css.yanzhengtext}>身份验证</div>
                        <div className={css.yanzhengtitle}>通过身份验证徽章展示您已经过身份验证</div>
                        <a className={css.getbutton}>获取徽章</a>
                        <div className={css.lines}></div>
                        <div className={css.check}>已确认</div>
                        <div className={css.phone}>
                            <span className={css.phonePVG} dangerouslySetInnerHTML={{ __html: str1 }}>

                            </span>
                            <span className={css.phoneNumber}>手机号</span>
                        </div>
                    </div>
                    <div className={css.userright}>
                        <div className={css.biaoti}>您好，我叫</div>
                        <div className={css.createTime}>注册时间：</div>
                        <a className={css.changeText}>编辑个人资料</a>
                        <div className={css.pingjia}>
                            <span className={css.phonePVG} dangerouslySetInnerHTML={{ __html: str2 }}>

                            </span>
                            <span className={css.pingjiaText}>条评价</span>
                            <div className={css.lines}></div>
                            <a className={css.pingjialianjie}>您写的评价</a>
                            <div className={css.lines}></div>

                        </div>
                    </div>
                </div>
            </div>
        )
    }
}
